$(function () {
  // 封装获取用户信息的函数

  function initUserInfo() {
    // 基于axios发起请求获取用户信息
    axios.get('/my/userinfo', {
      // 请求头
      headers: {
        Authorization: localStorage.getItem('token')
      }
    }).then(({ data: res }) => {
      console.log(res);
      // 使用layuui的API快速为表单赋值
      layui.form.val('user-form', res.data)
    })

  }


  // 调用函数
  initUserInfo()
  // 昵称校验规则
  nickname: [/^\S{1,10}$/, '昵称必须是1-10伪的非空字符']


  // 监听表单的提交行为
  $('[lay-filter="user-form"]').on('submit', function (e) {
    e.preventDefault();

    // 获取表单数据,把数据发给服务器
    const data = $(this).serialize()
    axios.put('/my/userinfo', data).then(({ data: res }) => {
      if (res.code === 0) {
        // 更新用户资料成功
        layer.msg('更新用户资料成功')
        // 让index.html页面,重新调用initUserInfo()函数
        window.parent.initUserInfo()
      }
    })
  })

  // 阻止重置按钮的默认行为
  $('[type="reset"]').on('click', function (e) {
    // 阻止重置按钮默认行为
    e.preventDefault()
    // 重新请求用户信息渲染到表格中
    initUserInfo()
  })
})